<template>
  <div>
    <MyDialog>
      <!-- ! v-slot 给具名插槽指定名称，可以用#简写 -->
      <template #head>
        <h3>警告</h3>
      </template>
      <!-- ! 在template 中使用 #插槽名='对象名(随便取名)' 得到子组件传过来的值  -->
      <!-- ! 如果为默认插槽 则用 #default 来取值 -->
      <template #content="obj">
          <p>{{ obj }}</p>
          <p>{{ obj.user.name }}</p>
      </template>
      <template #footer>
        <button>确认</button>
      </template>
    </MyDialog>
  </div>
</template>

<script>
import MyDialog from './components/MyDialog.vue'
export default {
  data () {
    return {

    }
  },
  components: {
    MyDialog
  }
}
</script>

<style>
body {
  background-color: #b3b3b3;
}
</style>